﻿<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function () {
            var loaded = false;
            i = 0;
            function show() {
                //lert("test");
                var top = jQuery("#buttom").offset().top+$("#buttom").height();
                if (!loaded && jQuery(window).scrollTop() + jQuery(window).height() > top) {
                    jQuery("#comments").append("<p>加载中... " + i + "</p>");
                    //                    loaded = true;
                    i++;
                }
            }
            jQuery(window).scroll(show);
        });

    </script>
</head>
<body>
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    第一屏的内容<br />
    <div id="comments">
    </div>
   <p id="buttom">底部内容</p>
    
</body>
</html>
